<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
    <title>控制台|内容管理</title>
    <link rel="stylesheet" th:href="@{/layui/css/layui.css}" href="../../static/layui/css/layui.css"/>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"
          integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb" crossorigin="anonymous">
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
    <div th:replace="/admin/share/_header :: header"></div>

    <div th:replace="/admin/content_mgt/share/_left_sidebar :: leftSidebar('')"></div>

    <div class="layui-body">
        <!-- 内容主体区域 -->
        <div style="padding: 15px;">
            <div id="testTabs" class="layui-tab">
                <ul class="layui-tab-title">
                    <li>首页</li>
                </ul>
                <div class="layui-tab-content">
                    <div class="layui-tab-item layui-show">
                        <div class="container">
                            <div class="row">
                                <div class="col-sm">
                                    <div class="card" style="max-width: 20rem;">
                                        <div class="card-header">用户</div>
                                        <div class="card-body">
                                            <h4 class="card-title">12</h4>
                                            <p class="card-text">12</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm">
                                    <div class="card" style="max-width: 20rem;">
                                        <div class="card-header">文章</div>
                                        <div class="card-body">
                                            <h4 class="card-title">12</h4>
                                            <p class="card-text">12</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-sm">
                                    <div class="card" style="max-width: 20rem;">
                                        <div class="card-header">评论</div>
                                        <div class="card-body">
                                            <h4 class="card-title">12</h4>
                                            <p class="card-text">12</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 
		th:insert  ：保留自己的主标签，保留th:fragment的主标签。
		th:replace ：不要自己的主标签，保留th:fragment的主标签。
		th:include ：保留自己的主标签，不要th:fragment的主标签。（官方3.0后不推荐）
	 -->
    <div th:replace="/admin/share/_footer :: footer"></div>
</div>

<script th:src="@{/layui/layui.js}" src="../../static/layui/layui.js"></script>
<script type="text/javascript" src="https://cdn.staticfile.org/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/popper.js/1.14.3/umd/popper.min.js"
        integrity="sha384-vFJXuSJphROIrBnz7yo7oB41mKfc8JzQZiCq4NCceLEaO4IHwicKwpJf9c9IpFgh"
        crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"
        integrity="sha384-alpBpkh1PFOepccYVYDB4do5UnbKysX5WZXm3XxPqe5iKTfUKjNkCk9SaVuEZflJ"
        crossorigin="anonymous"></script>

<script type="text/javascript">
    //JavaScript代码区域
    layui.use(['element', 'layer'], function () {
        var element = layui.element
            , layer = layui.layer; //弹层
    });
</script>
</body>
</html>